<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>management</title>
		<link href="management.css" rel="stylesheet">
		<link rel="stylesheet" href="../../../../lib/datetimepicker/css/datetimepicker.min.css">
		<link rel="stylesheet" href="../../siteData/siteDate.css">
		<style>
			.middle{
				position: relative;
				z-index: -1;
			}
		</style>
	</head>

	<body>
		<ol class="breadcrumb">
			<i class="icon icon-th-list"></i>
			<li>
				<a href="#">项目管理</a>
			</li>
			<li>
				<a href="../index.html">项目的资金统计</a>
			</li>
			<li>
				<a href="#">班组资金管理</a>
			</li>
			<li style="display: none">
				<a href="#">材料资金管理</a>
			</li>
			<li style="display: none">
				<a href="#">设备资金管理</a>
			</li>
			<li style="display: none">
				<a href="#">设施资金管理</a>
			</li>
		</ol>
		<div class="selection">
			<div class="order-num">
				<select class="form-control kinds-ser">
					<option>
						<a href="###">---请选择公司---</a>
					</option>
					<option>
						<a href="###">下沙建筑公司</a>
					</option>
					<option>
						<a href="###">我竟然是第二个公司</a>
					</option>
					<option>
						<a href="###">我不喜欢最后</a>
					</option>
				</select>
			</div>
			<div class="order-num ">
				<select class="form-control kinds-ser">
					<option>
						<a href="###">---请选择项目---</a>
					</option>
					<option>
						<a href="###">龙湖艳澜山</a>
					</option>
					<option>
						<a href="###">我竟然是第二个公司</a>
					</option>
					<option>
						<a href="###">我不喜欢最后</a>
					</option>
				</select>
			</div>
		</div>
		<div class="classname">
			<p>承包人陈俊</p>
		</div>
		<!--nav开始啦-->
		<div id="nav-wrap" class="nav-wrap">
			<div class="left">
				<ul id="tab-first" class="nav nav-primary">
					<li class="active">
						<a href="###" data-target="#tab2Content1" data-toggle="tab">班组资金管理</a>
					</li>
					<li>
						<a href="###" data-target="#tab2Content2" data-toggle="tab">材料资金管理</a>
					</li>
					<li>
						<a href="###" data-target="#tab2Content3" data-toggle="tab">设备资金管理</a>
					</li>
					<li>
						<a href="###" data-target="#tab2Content4" data-toggle="tab">设施资金管理</a>
					</li>
				</ul>
			</div>
			<div class="btnGroup">
				<button class="btn btn-primary" type="button"> 查看累计<i class="icon icon-eye-open"></i></button>

			</div>
			<div class="middle">

				<div class="col-md-2">
					<div class="input-group date form-datetime" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
						<input class="form-control inpDate" size="16" type="text" value="" readonly="">
						<span class="input-group-addon"><span class="icon-remove"></span></span>
						<span class="input-group-addon"><span class="icon-calendar"></span></span>
					</div>
				</div>
			</div>
			<div class="tab-content">
				<div class="tab-pane fade active in" id="tab2Content1">
					<div class="condition">
						<div class="classify-name container-fluid">
							<div id="input-group" class="row-fluid">
								<div class="order-num">
									<p>租户编号</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num">
									<p>分包班组承包人</p>
									<input type="text" class="form-control serOrder-num" />
								</div>

								<div class="order-num">
									<input type="button" class="btn btn-primary" value="清空条件" id="clearoption">
									<input type="button" class="btn btn-primary" value="搜索" id="searchOption">
								</div>
							</div>
						</div>
					</div>
					<div class="handle"><input type="button" class="btn" value="批量操作"></div>
					<div class="bootstrap-table">
						<div class="fixed-table-container">
							<div class="fixed-table-header">
							</div>
							<div class="fixed-table-body">
								<table id="pjTable"
											 data-query-params="workTableQuery"
											 data-toolbar="#toolbar"
											 data-search="false"
											 data-show-refresh="false"
											 data-show-toggle="false"
											 data-show-columns="false"
											 data-show-export="false"
											 data-detail-view="false"
											 data-minimum-count-columns="2"
											 data-show-pagination-switch="false"
											 data-pagination="true"
											 data-id-field="id"
											 data-page-list="[10, 25, 50, 100, ALL]"
											 data-show-footer="false"
											 data-side-pagination="server"
											 class="table table-hover " style="margin-top: 0px;">
									<thead class="thead-color">
										<tr>
											<th data-field="index" style="text-align: center; vertical-align: middle;" data-formatter="indexFmt">
												序号
											</th>
											<th data-field="teamUserCode" style="text-align: center; vertical-align: middle;">
												租户编号
											</th>
											<th data-field="teamUserName" style="text-align: center; vertical-align: middle;">
												分包班组承包人
											</th>
											<th data-field="totalPrice" style="text-align: center; vertical-align: middle;">
												分包总价 /元
											</th>
											<th data-field="due" style="text-align: center; vertical-align: middle;">
												实际分包总价/元
											</th>
											<th data-field="paid" style="text-align: center; vertical-align: middle;">
												已付金额/元
											</th>
											<th style="text-align: center; vertical-align: middle;">
												未付金额/元
											</th>
											<th data-formatter="process" data-field="process1" data-formatter="totalFormatter" style="text-align: center; vertical-align: middle;">
												操作
											</th>

										</tr>
									</thead>
									<tbody></tbody>
								</table>
							</div>
							<div class="fixed-table-footer"></div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="tab-pane fade" id="tab2Content2">
					<div id="input-group2" class="condition">
						<div class="classify-name container-fluid">
							<div class="row-fluid">
								<div class="order-num1">
									<p>租户编号</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num1">
									<p>供应商名称</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num1">
									<p>法人代表</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num1">
									<input type="button" class="btn btn-primary" value="清空条件" id="clearOption1">
									<input type="button" class="btn btn-primary" value="搜索" id="searchOption1">
								</div>
							</div>
						</div>
					</div>
					<div class="bootstrap-table">
						<div class="fixed-table-container">
							<div class="fixed-table-header">
							</div>
							<div class="fixed-table-body">
								<table id="pjTable1" data-query-params="workTableQuery"
											 data-toolbar="#toolbar"
											 data-search="false"
											 data-show-refresh="false"
											 data-show-toggle="false"
											 data-show-columns="false"
											 data-show-export="false"
											 data-detail-view="false"
											 data-minimum-count-columns="2"
											 data-show-pagination-switch="false"
											 data-pagination="true"
											 data-id-field="id"
											 data-page-list="[10, 25, 50, 100, ALL]"
											 data-show-footer="false"
											 data-side-pagination="server"
											 class="table table-hover " style="margin-top: 0px;">
									<thead class="thead-color">
										<tr>
											<th data-field="index" style="text-align: center; vertical-align: middle;" data-formatter="indexFmt">
												序号
											</th>
											<th data-field="supplierUserCode" style="text-align: center; vertical-align: middle;">
												租户编号
											</th>
											<th data-field="supplierUserName" style="text-align: center; vertical-align: middle;">
												供应商名称
											</th>

											<th data-field="companyLegal" style="text-align: center; vertical-align: middle;">
												法定代表人
											</th>
											<th data-field="totalNeepay" style="text-align: center; vertical-align: middle;">
												累计应付金额/元
											</th>
											<th data-field="currentHaspaid" style="text-align: center; vertical-align: middle;">
												累计 已付金额/元
											</th>
											<th data-formatter="nuPay" style="text-align: center; vertical-align: middle;">
												累计未付金额/元
											</th>
											<th data-field="workRunning" data-formatter="process" style="text-align: center; vertical-align: middle;">
												操作
											</th>
										</tr>
									</thead>
									<tbody></tbody>
								</table>
							</div>
							<div class="fixed-table-footer"></div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="tab-pane fade" id="tab2Content3">
					<div id="input-group3" class="condition">
						<div class="classify-name container-fluid">
							<div class="row-fluid">
								<div class="order-num2">
									<p>租户编号</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num2">
									<p>供应商名称</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num2">
									<p>法人代表</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num2">
									<input type="button" class="btn btn-primary" value="清空条件"  id="clearOption2">
									<input type="button" class="btn btn-primary" value="搜索"      id="searchOption2">
								</div>
							</div>
						</div>
					</div>
					<div class="bootstrap-table">
						<div class="fixed-table-container">
							<div class="fixed-table-header">
							</div>
							<div class="fixed-table-body">
								      <table id="pjTable2"
											 data-query-params="workTableQuery"
											 data-toolbar="#toolbar"
											 data-search="false"
											 data-show-refresh="false"
											 data-show-toggle="false"
											 data-show-columns="false"
											 data-show-export="false"
											 data-detail-view="false"
											 data-minimum-count-columns="2"
											 data-show-pagination-switch="false"
											 data-pagination="true"
											 data-id-field="id"
											 data-page-list="[10, 25, 50, 100, ALL]"
											 data-show-footer="false"
											 data-side-pagination="server"
											 class="table table-hover " style="margin-top: 0px;">
									<thead class="thead-color">
										<tr>
											<th data-field="index" style="text-align: center; vertical-align: middle;" data-formatter="indexFmt">
												序号
											</th>
											<th data-field="supplierUserCode" style="text-align: center; vertical-align: middle;">
												租户编号
											</th>
											<th data-field="supplierUserName" style="text-align: center; vertical-align: middle;">
												供应商名称
											</th>
											<th data-field="companyLegal" style="text-align: center; vertical-align: middle;">
												法人代表
											</th>
											<th data-field="totalNeepay" style="text-align: center; vertical-align: middle;">
												应付金额/元
											</th>
											<th data-field="currentHaspaid" style="text-align: center; vertical-align: middle;">
												已付金额/元
											</th>
											<th data-formatter="nuPay" style="text-align: center; vertical-align: middle;">
												未付金额/元
											</th>

										</tr>
									</thead>
									<tbody></tbody>
								</table>
							</div>
							<div class="fixed-table-footer"></div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="tab-pane fade" id="tab2Content4">
					<div id="input-group4" class="condition">
						<div class="classify-name container-fluid">
							<div class="row-fluid">
								<div class="order-num3">
									<p>租户编号</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num3">
									<p>供应商名称</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num3">
									<p>法人代表</p>
									<input type="text" class="form-control serOrder-num" />
								</div>
								<div class="order-num3">
									<input type="button" class="btn btn-primary" value="清空条件" id="clearOption3" >
									<input type="button" class="btn btn-primary" value="搜索" id="searchOption3">
								</div>
							</div>
						</div>
					</div>
					<div class="bootstrap-table">
						<div class="fixed-table-container">
							<div class="fixed-table-header">
							</div>
							<div class="fixed-table-body">
								<table id="pjTable3"  data-query-params="workTableQuery"
											 data-toolbar="#toolbar"
											 data-search="false"
											 data-show-refresh="false"
											 data-show-toggle="false"
											 data-show-columns="false"
											 data-show-export="false"
											 data-detail-view="false"
											 data-minimum-count-columns="2"
											 data-show-pagination-switch="false"
											 data-pagination="true"
											 data-id-field="id"
											 data-page-list="[10, 25, 50, 100, ALL]"
											 data-show-footer="false"
											 data-side-pagination="server"
											 class="table table-hover " style="margin-top: 0px;">
									<thead class="thead-color">
										<tr>
											<th data-field="index" style="text-align: center; vertical-align: middle;" data-formatter="indexFmt">
												序号
											</th>
											<th data-field="supplierUserCode" style="text-align: center; vertical-align: middle;">
												租户编号
											</th>
											<th data-field="supplierUserName" style="text-align: center; vertical-align: middle;">
												供应商名称
											</th>
											<th data-field="companyLegal" style="text-align: center; vertical-align: middle;">
												法人代表
											</th>
											<th data-field="totalNeepay" style="text-align: center; vertical-align: middle;">
												应付金额/元
											</th>
											<th data-field="currentHaspaid" style="text-align: center; vertical-align: middle;">
												已付金额/元
											</th>
											<th data-formatter="nuPay" style="text-align: center; vertical-align: middle;">
												未付金额/元
											</th>
										</tr>
									</thead>
									<tbody></tbody>
								</table>
							</div>
							<div class="fixed-table-footer"></div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!--nav结束啦-->
		<script src="../../../../lib/jquery/jquery.js" type="text/javascript"></script>
		<script src="../../../../lib/zui/zui.js" type="text/javascript"></script>
		<script src="../../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="../../../../lib/bootstrap-table-dist/dist/locale/bootstrap-table-zh-CN.min.js"></script>
		<script src="../index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../../lib/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../../lib/datetimepicker/js/datetimepicker.min.js"></script>
		<script src="../../../../lib/bootstrap-table-dist/dist/locale/bootstrap-table-zh-CN.min.js"></script>
		 <script src="management.js" type="text/javascript"></script>
	</body>
</html>